<template>
    <el-dialog
        title="订单跟踪"
        :visible="value"
        :before-close="handleClose"
    >
            <el-steps
                direction="vertical"
                finish-status="success"
                space="60px"
                :active="5"
            >
                <el-step
                    v-for="(item,index) in logisticsList"
                    :key="index"
                    :title="item.name"
                    :description="item.time"
                >
                </el-step>
            </el-steps>
    </el-dialog>
</template>

<script>
    let defaultLogisticsList = [
        {
            name:"订单已提交，等等付款",
            time:"2020-12-10 09:00:00"
        },
        {
            name:"订单付款成功",
            time:"2020-12-10 09:02:00"
        },
        {
            name:"扫描出库",
            time:"2020-12-10 09:02:00"
        },
        {
            name:"快递拦收",
            time:"2020-12-10 09:02:00"
        },
        {
            name:"北京xxx地，扫描装车",
            time:"2020-12-10 09:02:00"
        },
        {
            name:"准备发往xxx地",
            time:"2020-12-10 09:02:00"
        },
        {
            name:"到达xxx网点，很快进行派送",
            time:"2020-12-10 09:02:00"
        },
        {
            name:"订单已签收，期待再次为你服务",
            time:"2020-12-10 09:02:00"
        }
    ]
    export default {
        name:"logisticsDialog",
        data(){
            return{
                logisticsList:Object.assign({},defaultLogisticsList)
            }
        },
        props:{
            value:Boolean
        },
        methods:{
            handleClose(){
                this.$emit("input",false)
            }
        }
    }
</script>